<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="set">存储</button>
    <button id="get">获取</button>
    <script>
      var set = document.querySelector("#set");
      var get = document.querySelector("#get");
      // JS对象
      var obj = {
        name: "张三",
        age: 18
      };
      // JS对象转换为 json格式的字符串 JSON.stringify(JS对象)
      // console.log(JSON.stringify(obj));
      set.onclick = function () {
        // 把对象存储到本地存储中  本地存储它只能存储字符串
        // JSON它的本质也是一种字符串
        window.localStorage.setItem("user", JSON.stringify(obj));
      };

      // 需要将JSON格式的字符串转换为JS对象  JSON.parse(JSON格式的字符串)
      get.onclick = function () {
        var string = JSON.parse(window.localStorage.getItem("user"));
        console.log(string.age);
      };
    </script>
  </body>
</html>
